<template>
  <div class="workflow-management">
    <el-card>
      <template #header>编排管理</template>
      <div class="workflow-content">
        <el-menu
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
        >
          <el-menu-item index="1">编排列表</el-menu-item>
        </el-menu>
        <!-- 编排列表 -->
        <flowList v-if="activeIndex === '1'"></flowList>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { ref, defineAsyncComponent } from 'vue';

const flowList = defineAsyncComponent(() => import('./form/workFlowList.vue'));
const activeIndex = ref('1');
const handleSelect = (key: string) => {
  activeIndex.value = key;
};
</script>

<style scoped lang="scss"></style>
